<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/register.css">
    <script src="js/login.js"></script>
    <title>注册登录</title>
</head>

<body>
    <header class="header">
        <img src="img/logo.png" alt="脑袋停止运转啦">
        <span>加入四次元的大脑</span>
    </header>

    <div class="main">
        <div class="register">
            <h4>注册成为新白菜博主</h4>
            <h4>已经是个成熟的黄花菜，立刻<a href="./login.html">飞入自己的四次元世界</a></h4>
        </div>
        <div class="regis">
            <form action="php/reg.php" method="post">
                <ul>
                    <span class="message1">输入你的白菜专用ID</span>
                    <li><label for="">昵称：</label><input type="text" class="ipt1" id="name" name="name"></li>
                    <span class="message2">请输入六位纯数字密码</span>
                    <li><label for="">账号密码：</label><input type="password" class="ipt2" id="password" name="password">
                    </li>
                    <li class="agree"><input type="checkbox" name="" id="">同意协议并注册 <a href="#">《四次元用户协议》</a></li>
                    <li><button>申请四次元灵魂</button></li>
                </ul>
            </form>
        </div>
    </div>

    <!-- 底部 -->
    <footer class="footer">
        <h5 class="final">—————————————注册就到这里吧—————————————</h5>
        <h6 class="final">制作人员：郑雨蓓</h6>
    </footer>

</body>

</html>